
$menuBg:#fff;
$menuText:#252930;
$menuActiveText:#1891FF;
$menuHoverActiveText:#f0f6ff;
$iconColor:#252930;
$menuBgs:#e2f1ff;
$subMenuHover:#e2f1ff;


#app {
    .theme2 {
        background: linear-gradient(115deg, $menuBg, $menuBg);
        .navBarBg{
            width: 100%;
            height: 100%;
            // background: linear-gradient(245deg, $menuBg, $menuBg);
            background: #1891FF;
        }
        // logobgcolor 
        .sidebar-logo-container {
            // background: linear-gradient(245deg, $menuBg, $menuBg);
            background: #1891FF;
        }
        
        .sidebar-container{
            background: linear-gradient(245deg, $menuBg, $menuBg);
        }
        .scrollbar-wrapper{
            border-right: 1px solid #e7e9ed;
        }
        // menu hover
        .submenu-title-noDropdown,
        .el-submenu__title {
            &:hover {
                background-color: $menuHoverActiveText !important;
            }
        }

        .el-menu .is-active>.el-submenu__title {
            color: $menuActiveText !important;
            background: $subMenuHover !important;
            box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.1);
            border-top-right-radius: 30px;
            border-bottom-right-radius: 30px;
        }
        /* 修改菜单悬停色 */
        .el-submenu__title:hover, .el-menu-item:focus, .el-menu-item:hover{
            background-color: #fff;
        }
        li.el-menu-item.is-active {
            // border-left: 3px solid $menuActiveText;
            border-radius: 1px;
            // background-color: $menuHoverActiveText !important;
        }
        .el-submenu .nest-menu .is-active .el-submenu__title{
            border-right: 3px solid $menuActiveText;
            border-radius: 0;
            background: none !important;
        }
        & .nest-menu .el-submenu>.el-submenu__title,
        & .el-submenu .el-menu-item {
            background-color: none !important;

            &:hover {
                background-color: $menuHoverActiveText !important;
            }
        }

        .el-menu--vertical {

            .nest-menu .el-submenu>.el-submenu__title,
            .el-menu-item {
                &:hover {
                    // you can use $subMenuHover
                    // background-color: $menuHoverActiveText !important;
                    background-color: none !important;

                }
            }
        }

        .icon-shuaxin1,.fullscreen,.icon-fontsize {
            color: $iconColor !important;
        }
    
        .header-search .normal,.nameName,.el-breadcrumb__inner a,.el-icon-caret-bottom,.no-redirect {
            color: $iconColor;
        }


    }

}



:export {
    menuBg:$menuBg;
    menuText:$menuText;
    menuActiveText:$menuActiveText;
}